<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery-1.11.3.min.js"></script>
</head>
<script type="text/javascript">
	//$(function(){})表示载入成功就执行
	$(function(){
		//什么时候就获取值呢,选中这个name='username
		$("input[name='username']").blur(function(){
			//获取值
			var $value=$(this).val();
			//alert($value);可以显示
			
			
			$.get("/ajax/checkUsernameByAjax","username="+$value,function(d){
				//alert(d);  
				if(d==1){
					$("#username_msg").html("<font color='green'>用户名可用</font>");
				}else{
					$("#username_msg").html("<font color='red'>用户名不可用</font>");
				}
			});
		})
	})
</script>
<body>
	<form method="post" action="#">
	<table>
		<tr>
			<td>用户名</td>
			<td><input type="text" name="username" /></td>
			<td><span id="username_msg"></span></td>
		</tr>
		<tr>
			<td>密码</td>
			<td><input type="password" name="password"/></td>
			<td></td>
		</tr>
		<tr>
			<td colspan='3'><input type="submit" value="提交" id="sub" onclick="clickme()"/></td>
		</tr>
	</table>
	</form>
</body>
</html>